<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>物流详情</title>
    <script type="text/javascript" src="../../script/api.js"></script>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
    <link rel="stylesheet" type="text/css" href="../../css/my/wlxq/wlxq.css">
    <style>


    </style>

</head>

<body>
    <div class="address_header">
      <img src="../../image/leftreturn.png" alt="" class="leftreturn" onclick="returnwddd();">
      <img src="../../image/shangpinsuoxiaotu.png" alt="" class="spsuoxiao">
      <p>已签收</p>
    </div>

    <div class="address_ditu" id="container"></div>
    <div class="address_center">
      <div class="center_top">
        <img src="../../image/kuaidi.png" alt="">
        <p>韵达快递|官方电话：&nbsp95546</p>
      </div>
      <div class="center_foot">
        <p>韵达快递&nbsp订单号</p>
      </div>
    </div>
    <div id="app">
        <div class="list">
            <div class="item-inner flex-box-x active">
                <div class="item-date">
                    <div class="date">05-26</div>
                    <div class="time">04:00</div>
                </div>

                <div class="dot"><i></i></div>
                <div class="item-main col-xs-x">
                    <div class="item-type">已签收</div>
                    <div class="item-content">[代收点] 您的快递已签收，期待再次为您服务。</div>
                </div>
            </div>
            <div class="item-inner flex-box-x">
                <div class="item-date">
                    <div class="date">05-25</div>
                    <div class="time">15:42</div>
                </div>

                <div class="dot"><i></i></div>
                <div class="item-main col-xs-x">
                    <div class="item-type">待取件</div>
                    <div class="item-content">[代收点] 您的快递已经暂存至厦门代收点，请及时查收。</div>
                </div>
            </div>
            <div class="item-inner flex-box-x">
                <div class="item-date">
                    <div class="date">05-25</div>
                    <div class="time">09:16</div>
                </div>

                <div class="dot"><i></i></div>
                <div class="item-main col-xs-x">
                    <div class="item-type">派送中</div>
                    <div class="item-content">[厦门市] 您的快递正在派送中。</div>
                </div>
            </div>
            <div class="item-inner flex-box-x">
                <div class="item-date">
                    <div class="date">05-24</div>
                    <div class="time">11:12</div>
                </div>

                <div class="dot"><i></i></div>
                <div class="item-main col-xs-x">
                    <div class="item-type">已揽收</div>
                    <div class="item-content">[杭州市] 您的包裹已由物流公司揽收。</div>
                </div>
            </div>
        </div>
    </div>
</body>






<script type="text/javascript">

function returnwddd() {
  api.closeWin();
}


</script>
<script type="text/javascript">
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 13);
map.addControl(new BMap.NavigationControl());               // 添加平移缩放控件
map.addControl(new BMap.ScaleControl());                    // 添加比例尺控件
map.addControl(new BMap.OverviewMapControl());              //添加缩略地图控件

var myP1 = new BMap.Point(106.521436,29.532288);    //起点-重庆

var myP3 = new BMap.Point(116.404449,39.920423);    //终点-北京

window.onload = function (){
    map.clearOverlays();                        //清除地图上所有的覆盖物
    var driving = new BMap.DrivingRoute(map);    //创建驾车实例
    driving.search(myP1, myP3);                 //第一个驾车搜索

    driving.setSearchCompleteCallback(function(){
        var pts = driving.getResults().getPlan(0).getRoute(0).getPath();    //通过驾车实例，获得一系列点的数组
        var polyline = new BMap.Polyline(pts);
        map.addOverlay(polyline);
        var m1 = new BMap.Marker(myP1);         //创建3个marker

        var m3 = new BMap.Marker(myP3);
        map.addOverlay(m1);

        map.addOverlay(m3);
        var lab1 = new BMap.Label("起点",{position:myP1});        //创建3个label

        var lab3 = new BMap.Label("终点",{position:myP3});
        map.addOverlay(lab1);

        map.addOverlay(lab3);
        setTimeout(function(){
          map.setViewport([myP1,myP3]);          //调整到最佳视野
        },1000);
      });}
        </script>

</html>
